<template>
  <div>
    <p>旅行社查询：</p>
    <b-row>
      <b-col>
        <Search :qinfo="queryTable"></Search>
      </b-col>
      <b-col>
        <b-form-select
          ref="select"
          v-model="selected"
          :options="options"
          multiple
          :select-size="3"
          @change="getCity"
        ></b-form-select>
      </b-col>
    </b-row>
  </div>
</template>

<script>
import Search from "./search.vue";
export default {
  name: "Travel",
  props: ["map"],
  data() {
    return {
      travelmap: null,
      queryTable: "travel",
      selected: [],
      options: [
        { value: "乐山市", text: "乐山市" },
        { value: "内江市", text: "内江市" },
        { value: "凉山彝族自治州", text: "凉山彝族自治州" },
        { value: "南充市", text: "南充市" },
        { value: "宜宾市", text: "宜宾市" },
        { value: "巴中市", text: "巴中市" },
        { value: "广元市", text: "广元市" },
        { value: "广安市", text: "广安市" },
        { value: "德阳市", text: "德阳市" },
        { value: "成都市", text: "成都市" },
        { value: "攀枝花市", text: "攀枝花市" },
        { value: "泸州市", text: "泸州市" },
        { value: "甘孜藏族自治州", text: "甘孜藏族自治州" },
        { value: "眉山市", text: "眉山市" },
        { value: "绵阳市", text: "绵阳市" },
        { value: "自贡市", text: "自贡市" },
        { value: "资阳市", text: "资阳市" },
        { value: "达州市", text: "达州市" },
        { value: "遂宁市", text: "遂宁市" },
        { value: "阿坝藏族羌族自治州", text: "阿坝藏族羌族自治州" },
        { value: "雅安市", text: "雅安市" },
      ],
    };
  },
  created() {},
  methods: {
    getCity() {
      this.$emit("sendParam", this.selected);
    },
  },
  components: {
    Search,
  },
  watch: {
    map: function (newVal) {
      this.travelmap = newVal;
    },
  },
};
</script>

<style scoped>
</style>